<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鞍山阳天冶金能源技术有限公司</title>
    <!--引入页面头部样式-->
    <link rel="stylesheet" href="./css/headerCss-L.css" media="(min-width: 769px)"/>
    <link rel="stylesheet" href="./css/headerCss-S.css" media="(max-width: 768px)"/>
    <!--引入页面主体样式-->
    <link rel="stylesheet" href="css/customerCases.css"/>
    <!--引入页面底部样式-->
    <link rel="stylesheet" href="./css/footerCss-L.css" media="(min-width: 769px)"/>
    <link rel="stylesheet" href="./css/footerCss-S.css" media="(max-width: 768px)"/>
    <!--引入页面底部导航栏样式-->
    <link rel="stylesheet" href="./css/footNavCss.css"/>
</head>
<body>
<!--客户案例页面-->
<div class="box">
    <!--头部-->
    <header data-src="./assets/dc621b3dbeab8afde48a201a87670e39.jpg">
        <div class="header-nav">
            <div class="header-nav-box">
                <div class="logo">
                    <img src="./assets/a9d1432be53c65ccb7965f1c7936546f.png" alt="">
                </div>
                <nav>
                    <ul>
                        <li data-index="1"><a href="./index.html">首页</a></li>
                        <li data-index="2"><a href="./companyProfile.html">公司简介</a></li>
                        <li data-index="3"><a href="./customerCases.html">客户案例</a></li>
                        <li data-index="4" class="prod"><a href="./productshow.html">产品展示</a></li>
                        <li data-index="5"><a href="./newsCenter.html">新闻中心</a></li>
                        <li data-index="6"><a href="./TalentRecruitment.html">人才招聘</a></li>
                        <li data-index="7"><a href="./onlineMessage.html">在线留言</a></li>
                        <li data-index="8"><a href="./contactUs.html">联系我们</a></li>
                    </ul>
                    <div class="indicator"></div>
                </nav>
                <div class="menu">
                    <img src="./assets/menu.png" alt="">
                </div>
            </div>
            <div class="hideMenu">
                <ul>
                    <li><a href="./productshow.html?data=datas1">割嘴类</a></li>
                    <li><a href="./productshow.html?data=datas2">焊·烤嘴类</a></li>
                    <li><a href="./productshow.html?data=datas3">割炬类</a></li>
                    <li><a href="./productshow.html?data=datas4">焊·烤炬类</a></li>
                    <li><a href="./productshow.html?data=datas5">火焰切割机</a></li>
                    <li><a href="./productshow.html?data=datas6">耐高温切割机</a></li>
                    <li><a href="./productshow.html?data=datas7">能源介质控制箱</a></li>
                </ul>
            </div>
        </div>

        <div class="tit">
            <p class="tit-up"><span>-</span>&nbsp;客户案例&nbsp;<span>-</span></p>
            <p class="tit-down">Customer Case</p>
        </div>
    </header>
    <!--回到顶部按钮-->
    <div class="goTop">
        <a href="#">
            <img src="./assets/上箭头.png" alt="">
        </a>
    </div>
    <!--页面主体部分-->
    <main>
        <button>客户案例</button>
        <div class="casesList" id="casesList">

        </div>

        <div class="pager-box">
            <div class="btn-box">
                <span class="btn on" data-index="1">1</span>
                <span class="btn" data-index="1">2</span>
            </div>
            <div class="currentPage">
                共<span data-count="10">10</span>条
            </div>
        </div>
    </main>
    <!--页面底部导航栏-->
    <div class="footNav">
        <a class="footNav-item" href="./index.html">
            <img src="./assets/c14e2e8ed512cc6f52bd3e71e981ac07.png" alt="">
            <div class="tit">首页</div>
        </a>
        <a class="footNav-item" href="#">
            <img src="./assets/0766490a26bd7b99b77b4d5f7eaaa590.png" alt="">
            <div class="tit">电话</div>
        </a>
        <a class="footNav-item" href="#">
            <img src="./assets/f3fffe51c1777cd44598e9097261569a.png" alt="">
            <div class="tit">短信</div>
        </a>
        <a class="footNav-item" href="./productshow.html">
            <img src="./assets/71259ca4027d1cf7458dcb0db69b1871.png" alt="">
            <div class="tit">产品</div>
        </a>
    </div>
    <!--页面底部-->
    <footer>
        <div class="footer-top">
            <div class="footer-top-logo animated-from-right">
                <img src="./assets/阳天logo.png" alt="" id="logo">
            </div>
            <ul class="footer-top-nav animated-from-right">
                <li><a href="./index.html">首页</a></li>
                <li><a href="./companyProfile.html">公司简介</a></li>
                <li><a href="./customerCases.html">客户案例</a></li>
                <li class="prod"><a href="./productshow.html">产品展示</a></li>
                <li><a href="./newsCenter.html">新闻中心</a></li>
                <li><a href="./TalentRecruitment.html">人才招聘</a></li>
                <li><a href="./onlineMessage.html">在线留言</a></li>
                <li><a href="./contactUs.html">联系我们</a></li>
            </ul>
        </div>
        <div class="footer-body">
            <div class="footer-body-info ">
                <div class="footer-body-info-mode animated-from-bottom">
                    <img src="./assets/电话.png" alt="">
                    <h3>资讯电话</h3>
                    <p>0412-8051680、8061690</p>
                </div>
                <div class="footer-body-info-mode animated-from-bottom">
                    <img src="./assets/定位.png" alt="">
                    <h3>公司地址</h3>
                    <p>辽宁省鞍山市铁西区钢西路132号</p>
                </div>
                <div class="footer-body-info-mode animated-from-bottom">
                    <img src="./assets/邮箱.png" alt="">
                    <h3>电子邮箱</h3>
                    <p>hyhxg@163.com</p>
                </div>
            </div>
            <div class="footer-body-qrcode animated-from-bottom">
                <img src="./assets/二维码.png" alt="">
                <p>扫一扫</p>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="footer-bottom-copyright animated-from-left">
                <span><a href="">版权所有</a></span>
                <span><a href="">鞍山阳天冶金能源技术邮箱公司</a></span>
                <span><a href="">辽ICP备18012886号-2</a></span>
                <span><a href="">营业执照</a></span>
                <span><a href="">技术支持:鞍山龙采</a></span>
            </div>
            <div class="footer-bottom-resources animated-from-left">
                <span>网站部分资源来自互联网公开渠道</span>
                <span>如有侵权请及时联系本司删除</span>
            </div>
        </div>
    </footer>
</div>
<script src="js/caseData.js"></script>
<script src="js/headerCss-L.js"></script>
<script src="js/customerCases.js"></script>
</body>
</html>